import { Fragment } from "react"
import { Card, Space } from "antd"
import "./index.css"
const Home = () => {
    return (
        <Fragment>
         
                <div className="tip-home">
                    <p className="tip_top-home">欢迎使用本系统,请认真阅读提示:</p>
                    <ul>
                        <li>1.操作类别在菜单=&gt;产品管理=&gt;类目管理</li>
                        <li>2.操作vip的内容在菜单=&gt;产品列表;滚动到底下可以进行编辑操作</li>
                        <li>3.vip的产品不要乱修改,最好只修改库存和价格,不然大家写支付的时候会很难受</li>
                    </ul>
                </div>
           
            <div className="top">
                <Space align="center" size="large" direction="horizontal">
                    <Card title="交易完成" style={{ width: 300, textAlign: 'center' }} headStyle={{ backgroundColor: '#12cccc', color: '#fff' }}>
                        <p>432</p>
                        <p>交易完成</p>
                    </Card>
                </Space>
                <Space align="center" size="large" direction="horizontal">
                    <Card title="待发货" style={{ width: 300, textAlign: 'center' }} headStyle={{ backgroundColor: '#12cccc', color: '#fff' }}>
                        <p>30</p>
                        <p>待发货</p>
                    </Card>
                </Space>
                <Space align="center" size="large" direction="horizontal">
                    <Card title="订单量" style={{ width: 300, textAlign: 'center' }} headStyle={{ backgroundColor: '#12cccc', color: '#fff' }}>
                        <p>503</p>
                        <p>订单数量</p>
                    </Card>
                </Space>
            </div>
        </Fragment>
    )
}
export default Home